<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>Sample003 - 精美选项卡</title>
		<link rel="stylesheet" type="text/css" href="css/cute.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<div class="tab" id="tab">
			<ul class="tab-nav" id="tab_nav">
				<li>选项卡1</li>
				<li>选项卡2</li>
				<li>选项卡3</li>
				<li>选项卡4</li>
				<li>选项卡5</li>
			</ul>
			<ul class="tab-item" id="tab_item">
				<li>选项卡1的内容</li>
				<li>选项卡2的内容</li>
				<li>选项卡3的内容</li>
				<li>选项卡4的内容</li>
				<li>选项卡5的内容</li>
				<li>选项卡6的内容</li>
			</ul>
		</div>
	</body>

	<!-- 当页面加载完成，载入JavaScript文件，为Html元素添加动作 -->
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

</html>